<!DOCTYPE html>
<html>
<head>
    <link rel="canonical" href="https://www.mafengwo.cn/sales/2697190.html"/>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>骡窝窝首页</title>
    <link href="/styles/base.css" rel="stylesheet" type="text/css">
    <link href="/styles/index.css" rel="stylesheet" type="text/css">
    <script type="text/javascript">
        window.Env = {
            "spuId": 5662800,
            "salesId": 2697190,
            "salesType": 30,
            "saleStatus": 1,
            "bIsShowConnectWindow": false,
            "user_honey": 0,
            "version": 3,
            "business_scope": "packagetour",
            "template_id": 5,
            "is_international": 0,
            "WWW_HOST": "www.mafengwo.cn",
            "IMG_HOST": "images.mafengwo.net",
            "W_HTTP": "https:\/\/w.mafengwo.cn",
            "P_HOST": "passport.mafengwo.cn",
            "P_HTTP": "https:\/\/passport.mafengwo.cn",
            "PAGELET_HTTP": "https:\/\/pagelet.mafengwo.cn",
            "JS_HOST": "js.mafengwo.net",
            "TONGJI_HOST": "tongji.mafengwo.cn",
            "UID": 45873671,
            "CSTK": "92f22e66c7ed9668a560b09461154103_1c7a89a8a389fa1d6aedddc26652f0f7",
            "GOOGLE_MAP_KEY": "AIzaSyD-Su0x_rPy1xehlMBcMyTqWkU49Bk53nQ",
            "MOBILE_BINDED": true
        };
    </script>

    <link href="https://css.mafengwo.net/css/cv/css+base:css+jquery.suggest:css+plugins:css+plugins+jquery.jgrowl:css+other+popup:css+mfw-header.2015^YlVS^1559526017.css"
          rel="stylesheet" type="text/css"/>


    <script language="javascript"
            src="https://js.mafengwo.net/js/cv/js+jquery-1.8.1.min:js+global+json2:js+M+Module:js+M+M:js+M+Log:js+m.statistics:js+advert+inspector^alw^1563531411.js"
            type="text/javascript" crossorigin="anonymous"></script>
    <script type="text/javascript">
        var __mfw_uid = parseInt('45873671');
    </script>
    <script language="javascript"
            src="https://js.mafengwo.net/js/cv/js+common+jquery.plugins:js+common+widgets:js+mfw.storage^ZlI^1537192880.js"
            type="text/javascript" crossorigin="anonymous"></script>
    <link href="https://css.mafengwo.net/css/cv/css+sales+sales-detail-v4:css+sales+sales-detail-v5:css+sales+detail+assets+iconfont:css+mfweditor+mfweditor^YlVb^1560371422.css"
          rel="stylesheet" type="text/css"/>
    <script language="javascript"
            src="https://js.mafengwo.net/js/cv/mobile+js+salesapp:js+sales+lib+decimal.min:js+sales+lib+rx.min:js+sales+lib+underscore-1.8.3.min:js+sales+lib+moment-2.10.6.min:js+mfweditor+jquery.autoload:js+mfweditor+jquery.mfweditor:js+mfweditor+plugins+mfweditor.autoload:js+hb+hb:js+hb+common:js+hb+Request:js+jquery.mousewheel.min:js+customize+verification:js+sales+baoguang_v1:js+google2amap:js+sales+detail+gentuanVueComponent+vue:js+sales+detail+gentuanVueComponent+scheduleComponent:js+sales+detail+axios.min:js+sales+activity+rAF:js+connect_share:js+yiwofeng+common:js+sales+page_event_statistics^ZlBa^1550829730.js"
            type="text/javascript" crossorigin="anonymous"></script>


    <link href="/js/plugins/datepicker/datepicker.css" rel="stylesheet">
    <script src="/js/plugins/datepicker/datepicker.js"></script>
    <script src="/js/bootstrap/js/bootstrap.js"></script>
    <script src="/js/bootstrap/js/npm.js"></script>
    <script type="text/javascript" src="/js/system/common.js"></script>
    <script src="/js/plugins/jquery-form/jquery.form.js"></script>
</head>
<body>
<#assign currentNav="gototravel">
<#include "../common/navbar.ftl">
<script>
    //判断是否显示 下拉bar
    ;(function () {
        window.showBarFlag = true;
        var realPathName = location.pathname, $nav = $('#Js_middleNav');
        var regExp = /localdeals|sales|insurance|activity/gi;
        var pathArr = realPathName.match(regExp);

        var firstSalesType = 0;
        if ([1, 3, 34, 50, 51, 52].indexOf(window.Env.salesType) > -1) {
            firstSalesType = 3
        } else if ([4, 40, 41, 42, 43, 44].indexOf(window.Env.salesType) > -1) {
            firstSalesType = 4
            //  } else if ([11, 90, 91, 92, 93, 94, 95, 96].indexOf(window.Env.salesType) > -1) {
            //    firstSalesType = 11
        } else if ([6, 30, 32, 33, 35, 36].indexOf(window.Env.salesType) > -1) {
            firstSalesType = 6
        } else if ([5].indexOf(window.Env.salesType) > -1) {
            firstSalesType = 5
        } else if ([21, 22, 70].indexOf(window.Env.salesType) > -1) {
            firstSalesType = 21
        } else if ([28, 29, 31, 99].indexOf(window.Env.salesType) > -1) {
            firstSalesType = 1
        } else {
            firstSalesType = 2
        }
        // } else if ([2, 9, 12, 13, 15, 17, 20, 21, 22, 23, 24, 25, 26, 46, 47, 48, 49, 60, 61, 62, 64, 65, 66, 67, 68, 70, 71, 72, 74, 75, 76, 77, 78, 79])
        var urlSalesType = realPathName.split('-')[3];
        if (window.Env.middleNavHide) {
            $('.dropdown-bar').hide();
            return;
        }
        if (urlSalesType == 5 || firstSalesType == 5) {
            $nav.children('[data-type="cruise"]').addClass('on');
            window.showBarFlag = false;
            $('.dropdown-bar').show();
        } else if (urlSalesType == 21 || firstSalesType == 21) {
            $nav.children('[data-type="wifi"]').addClass('on');
            window.showBarFlag = false;
            $('.dropdown-bar').show();
        } else if (urlSalesType == 4 || window.Env.sales_title_tag == 'visa' || firstSalesType == 4) {
            $nav.children('[data-type="visa"]').addClass('on');
            window.showBarFlag = false;
            $('.dropdown-bar').show();
        } else if (window.Env.sales_title_tag == 'semi_self_service' || realPathName == '/sales/0-0-0-6-0-0-0-0.html?group=4' || firstSalesType == 6) {
            $nav.children('[data-type="freewalker"]').addClass('on');
            window.showBarFlag = false;
            $('.dropdown-bar').show();
        } else if (window.Env.salesType) {
            switch (firstSalesType | 0) {
                case 1:
                case 3:
                    $nav.children('[data-type="sales"]').addClass('on');
                    break;
                case 2:
                    $nav.children('[data-type="localdeals"]').addClass('on');
                    break;
                case 30:
                case 6:
                    $nav.children('[data-type="freewalker"]').addClass('on');
                    break;
                default:
                    $nav.children('[data-type="localdeals"]').addClass('on');
                    break;
            }
            window.showBarFlag = false;
            $('.dropdown-bar').show();
        } else {
            if (pathArr) {
                if (pathArr.length == 1 && pathArr[0] != 'activity') {
                    switch (pathArr[0]) {
                        case 'localdeals':
                            $nav.children('[data-type="localdeals"]').addClass('on');
                            break;
                        case 'insurance':
                            $nav.children('[data-type="insurance"]').addClass('on');
                            break;
                        case 'sales':
                            $nav.children('[data-type="sales"]').addClass('on');
                            break;
                        case 'flight':
                            $nav.children('[data-type="flight"]').addClass('on');
                            break;
                        default:
                            break;
                    }
                    window.showBarFlag = false;
                    $('.dropdown-bar').show();
                } else {
                    if ('activity'.indexOf(pathArr) != -1) {
                        window.showBarFlag = true;
                        $('.dropdown-bar').hide();
                    }
                }
            }
        }
        // 点击时触发
        $('.ul-dropdown-bar > li').on('click', function () {
            $(this).addClass('on').siblings().removeClass('on');
        });
    })();

</script>

</div>


<div class="container">
    <div class="wrapper">


        <div class="crumb">
            <#-- 面包屑开始  -->
            <div class="item">

                <a href="/sales/" target="_blank" class="crumb-index">旅行商城首页</a>
                <em>&gt;</em>
            </div>
            <div class="item">
                <div class="drop" data-crumb="type">
                        <span class="hd">
                            <a data-sk="type" data-sv="30"
                               data-navk="type" data-navv="30"
                               href="javascript:;">境内跟团游<i></i>
                            </a>
                        </span>
                    <div class="bd">
                        <i class="arrow"><b></b></i>
                        <ul class="clearfix">
                            <li><a data-navk="type" data-navv="3" target="_blank" href="/packageTour">出境自由行</a>
                            </li>
                            <li><a data-navk="type" data-navv="9" target="_blank" href="/packageTour">游轮</a></li>
                            <li><a data-navk="type" data-navv="32" target="_blank" href="/packageTour">私家团</a>
                            </li>
                            <li><a data-navk="type" data-navv="33" target="_blank" href="/packageTour">游学团</a>
                            </li>
                            <li><a data-navk="type" data-navv="34" target="_blank" href="/packageTour">出境特价机票套餐</a></li>
                            <li><a data-navk="type" data-navv="35" target="_blank" href="/packageTour">出境跟团游</a>
                            </li>
                            <li><a data-navk="type" data-navv="36" target="_blank" href="/packageTour">境内半自助游</a></li>
                            <li><a data-navk="type" data-navv="50" target="_blank" href="/packageTour">境内自由行</a>
                            </li>
                            <li><a data-navk="type" data-navv="51" target="_blank" href="/packageTour">境内特价机票</a></li>
                            <li><a data-navk="type" data-navv="52" target="_blank" href="/packageTour">境内特价机票套餐</a></li>
                            <li><a data-navk="type" data-navv="99" target="_blank" href="/packageTour">企业定制</a>
                            </li>
                            <li><a data-navk="type" data-navv="1" target="_blank" href="/packageTour">出境特价机票</a>
                            </li>
                            <li><a data-navk="type" data-navv="6" target="_blank" href="/packageTour">出境半自助游</a>
                            </li>
                            <li><a data-navk="type" data-navv="30" target="_blank" href="/packageTour">境内跟团游</a>
                            </li>
                            <li><a data-navk="type" data-navv="28" target="_blank" href="/packageTour">自由行定制</a>
                            </li>
                            <li><a data-navk="type" data-navv="5" target="_blank" href="/packageTour">邮轮</a></li>
                        </ul>
                    </div>
                </div>
                <em>&gt;</em>
            </div>
            <div class="item">
                <div class="drop" data-crumb="go_time">
                        <span class="hd">
                            <a data-sk="date" data-sv="all"
                               data-navk="date" data-navv="all"
                               href="javascript:;">全部出发时间<i></i></a>
                        </span>
                    <div class="bd">
                        <i class="arrow"><b></b></i>
                        <ul class="clearfix">
                            <li><a data-navk="date" data-navv="all" href="/packageTour" target="_blank">全部</a>
                            </li>
                            <li><a data-navk="date" data-navv="201908" href="/packageTour" target="_blank">八月</a>
                            </li>
                            <li><a data-navk="date" data-navv="201907" href="/packageTour" target="_blank">七月</a>
                            </li>
                            <li><a data-navk="date" data-navv="201909" href="/packageTour" target="_blank">九月</a>
                            </li>
                            <li><a data-navk="date" data-navv="201910" href="/packageTour" target="_blank">十月</a>
                            </li>
                            <li><a data-navk="date" data-navv="201911" href="/packageTour" target="_blank">十一月</a>
                            </li>
                            <li><a data-navk="date" data-navv="201912" href="/packageTour" target="_blank">十二月</a>
                            </li>
                            <li><a data-navk="date" data-navv="201710" href="/packageTour" target="_blank">2019年一月</a>
                            </li>
                            <li><a data-navk="date" data-navv="201711" href="/packageTour" target="_blank">2019年二月</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <em>&gt;</em>
            </div>
            <a href="/packageTour">云南</a>
            <#-- 面包屑结束 -->

        </div>
        <div class="sales-intro new-intro clearfix">
            <div class="intro-l">
                <#--滑动图片-->
                <div class="sales-photo">
                    <ul data-type="salesPhoto" data-stat-area="2_1">
                        <#list detail.imgs as image>
                            <li>
                                <img src="${image}" style="width: 100%">
                            </li>
                        </#list>
                    </ul>
                    <span class="btn-prev"><i></i></span>
                    <span class="btn-next"><i></i></span>
                    <span class="sales-id">ID:520大飞老师</span>
                </div>

                <#--日期选择-->
                <div data-cal-wrap="1" data-stat-display="1">
                    <h2 style="color: orange">出发时间：</h2>
                    <div class="form-group">
                        <input type="text" readonly="true" name="startTime" id="startTime"
                               placeholder="请输入出发时间"/>
                    </div>
                </div>
                <script>
                    $(function () {
                        $("#startTime").datepicker({
                            format: 'yyyy-mm-dd'
                        });

                        //显示价格

                        $("#startTime").change(function () {
                            $("#text_total_price").html("￥" + (${detail.minPrice} + ${detail.maxPrice}) / 2);
                        })

                        //点击立即购买
                        $("#buy").click(function () {
                            var time = $("#startTime").val();
                            if (time){
                                window.location.href="/packageTour/buy";
                            } else{
                                alert("请选择出发时间,亲");
                            }
                        })
                    });
                </script>

                <#--收藏和分享-->
                <div class="l-ft clearfix">
                    <a class="btn-collect " data-stat-area="7_5" href="javascript:void(0);">
                        <i></i>收藏
                        <span class="num">${detail.favorNum}</span>
                    </a>
                    <div class="share">
                        <a class="btn-share" href="javascript:void(0)"><i></i>分享</a>
                        <div class="s_popup share-icon hide" style="display: none;">
                            <i class="i-arrow i-arrCenter"></i>
                            <a class="s-weibo" href="javascript:void(0);" title="分享到新浪微博" rel="nofollow"></a>
                            <a class="s-qzone" href="javascript:void(0);" title="分享到QQ空间" rel="nofollow"></a>
                            <a class="s-weixin" href="javascript:void(0);" title="分享到微信"></a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="intro-r">
                <#--店铺-->
                <div class="sales-title">
                    <span class="shop-icon">店铺</span>
                    <h1>${detail.title}</h1>

                    <div class="s-label clearfix">
                        <#list detail.tagName as tag>
                            <span>${tag}</span>
                        </#list>
                    </div>
                </div>
                <div class="price-panel clearfix">
                    <ul>
                        <li class="item-price">
                            <em>￥</em><strong>${detail.minPrice}~${detail.maxPrice}</strong>
                            <span id="priceDesc">
                                    <a href="javascript:void(0);" data-stat-area="2_2">价格说明</a>
                                    <span id="priceDescMsg">
                                    此价格区间是指，本产品可售日期范围内的最低价和最高价
                                    </span>
                                </span>
                        </li>
                        <li class="item-sold">
                            已售${detail.saleNum}
                        </li>
                    </ul>
                </div>
                <div class="info-panel">
                    <#--预订须知-->
                    <i id="mount_ota_coupon" style="display: none;"></i>
                    <div class="info-tips">
                        <span class="label">预订须知</span>
                        <div class="info-tips-box">
                            <p>
                                <span data-desc>此产品需要二次确认，商家将在9个工作小时内（工作日9:00-18:00）核实是否有位!</span>
                            </p>
                        </div>
                    </div>

                    <#--优惠信息-->
                    <div class="info-promo clearfix">
                        <span class="label" data-promotion-title>优惠信息</span>

                        <div class="promo-bd">
                            <span class="t-default honey-hover">
                                <div class="s_popup num-tips">
                                    <i class="i-arrow i-arrCenter"></i>
                                    <p>下单时使用窝窝头至多可抵扣订单金额的<span>10％</span></p>
                                </div>
                                窝窝头抵10%
                            </span>
                            <#if detail.isPromotion??>
                                <span class="t-n-off honey-hover" style="">
                                <div class="tips_popup"><p>${detail.promotionContent}</p>
                                </div>促销
                            </span>
                            </#if>
                            <#if detail.vipCoupon??>
                                <span class="t-gold honey-hover">
                                <div class="s_popup num-tips">
                                    <i class="i-arrow i-arrCenter"></i>
                                    <p>升级金卡享99.99折优惠</p>
                                </div>
                                APP金卡专享
                            </span>
                            </#if>
                        </div>
                    </div>
                    <hr/>
                    <#--出发地-->
                    <div class="info-tips">
                        <span class="label">出发地</span>
                        <div class="info-tips-box">
                            <p>
                                <span><button>${detail.startPlaceName}</button></span>
                            </p>
                        </div>
                    </div>
                    <#--套餐-->
                    <div class="info-tips">
                        <span class="label">套餐</span>
                        <div class="info-tips-box">
                            <ul class="ui-selProp clearfix" data-attribute-value-mount="1">
                                <li data-attribute="10000" data-attribute-value="789030" class="on">
                                    <a href="javascript:void(0);">
                                        <span data-attribute-value-name="1">${detail.subTitle}</span><i></i>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <#--更多服务-->
                    <div class="info-tips">
                        <span class="label">更多服务</span>


                        <div class="info-tips-box">

                            <ul class="ui-numProp clearfix" data-addon-mount="1">
                                <li class="amount-adult" data-addon="25963401">
                                    <div class="amount">
                                        <span class="input">
                                            <span data-addon-name="1">${(detail.moreService)!"请期待"}</span>
                                        </span>
                                    </div>
                                    <div class="s_popup num-tips hide">
                                        <i class="i-arrow i-arrCenter"></i>
                                        <p style="text-align : left;padding-left: 20px;">
                                            <span>${(detail.moreServiceInfo)!}元</span></p>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>


                <div class="action-panel clearfix">

                    <div class="total">
                        <em id="flag_total_price" data-total-price-prefix="1" class="rmb-flag hide"
                            style="display: none;">￥</em>
                        <strong id="text_total_price" data-total-price-text="1">--</strong>
                    </div>

                    <div class="on-countdown-hide" data-countdown-hide="1">
                        <span class="buy">
                                 <a class="btn" data-book-btn="1" href="javascript:;" id="buy"
                                    data-stat-area="8_1">立即购买</a>
                                    <a class="btn btn-disabled" style="display: none;" data-book-disable-btn="1"
                                       href="javascript:void(0);">已抢光</a>
                                    <a class="btn btn-disabled" style="display: none;" data-book-disable-btn="2"
                                       href="javascript:void(0);">已售罄</a>
                        </span>
                    </div>
                </div>
            </div>
        </div>


        <div class="clearfix detail-wrapper">
            <link href="https://n4-q.mafengwo.net/s12/M00/20/8D/wKgED1vNKY6ACrGRAABEe_zn4uY114.css" rel="stylesheet"
                  type="text/css">

            <script type="text/x-template" id="nav-bar-template"></script>


            <#--详情内容-->
            <div id="detail" class="detail-content">
                <#--导航栏-->
                <div class="detail-nav-content">
                    <ul class="detail-nav detail-nav-default detail-nav-horizontal"
                        style="top: 0px; left: 259.6px; width: 660px;">
                        <li data-stat-area="4_8" class="detail-nav-item is-selected">
                            <span class="detail-nav-item-content"><a href="#introduce">图文介绍</a></span></li>
                        <li data-stat-area="4_9" class="detail-nav-item">
                            <span class="detail-nav-item-content"><a href="#packages">行程路线</a></span></li>
                        <li data-stat-area="4_3" class="detail-nav-item">
                            <span class="detail-nav-item-content"><a href="#expenses">费用说明</a></span></li>
                        <li data-stat-area="4_7" class="detail-nav-item">
                            <span class="detail-nav-item-content"><a href="#purchase">购买须知</a></span></li>
                        <li data-stat-area="" class="detail-nav-item">
                            <span class="detail-nav-item-content"><a href="#comment">用户点评</a></span></li>
                    </ul>
                </div>
                <#--图文介绍-->
                <div>
                    <section class="part"><a id="target_introduce" class="nav-anchor" name="introduce"></a>
                        <h2 class="part-header f-w-n">
                            图文介绍
                        </h2>
                        <div class="pos-r">
                            <div class="introduce">
                                <section class="part-content f-w-n"><h2 class="part-content-header">图文详情</h2>
                                    <div id="introduce-content" class="part-content-text" style="margin-bottom: 20px;">
                                        <p>
                                            <#if introduce??>
                                            <#list introduce as img>
                                                <img src="${img}">
                                            </#list>
                                            </#if>
                                        </p>
                                    </div>
                                </section>
                            </div>
                        </div>
                    </section>
                </div>
                <#--行程路线/交通信息/费用说明/购买须知-->
                <div>
                    <div class="tabs tab-packages"><a id="tab-packages" class="nav-anchor" name="packages"></a>
                        <div class="tabs-bar-container">
                            <div class="tabs-bar" style="top: 0px; left: 0px; width: 660px;">
                                <div class="tabs-bar-wrapper" style="transform: translateX(0px);">
                                    <span class="tabs-bar-content is-actived" >${detail.subTitle}</span>
                                </div>
                            </div>
                        </div>
                        <div class="tabs-content">
                            <div>
                                <#--行程路线-->
                                <section class="part"><a id="target_schedule" class="nav-anchor"></a>
                                    <h2 class="part-header f-w-n">
                                        行程路线
                                    </h2>
                                    <div class="schedule-wrap">
                                        <div class="complicate-schedule">
                                            <div class="complicate-schedule-days" style="visibility: visible;">
                                                <div class="detail-nav-content" default-activeid="line">
                                                    <ul class="detail-nav detail-nav-default detail-nav-vertical"
                                                        style="top: 90px; left: 259.6px; width: 48.875px;">
                                                        <li class="nav-vertical-item"> <span
                                                                    class="detail-nav-item-content">
              D1
          </span></li>
                                                        <li class="nav-vertical-item"> <span
                                                                    class="detail-nav-item-content">
              D2
          </span></li>
                                                        <li class="nav-vertical-item"> <span
                                                                    class="detail-nav-item-content">
              D3
          </span></li>
                                                        <li class="nav-vertical-item"> <span
                                                                    class="detail-nav-item-content">
              D4
          </span></li>
                                                        <li class="nav-vertical-item"> <span
                                                                    class="detail-nav-item-content">
              D5
          </span></li>
                                                        <li class="nav-vertical-item vertical-selected"> <span
                                                                    class="detail-nav-item-content">
              D6
          </span></li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="schedule-detail">
                                                ${(schedule)!"数据库没有内容哦亲"}
                                            </div>
                                        </div>
                                    </div>
                                </section>
                                <#--交通信息-->
                                <section class="part"><a id="target_traffic" class="nav-anchor"></a>
                                    <h2 class="part-header f-w-n">
                                        大交通信息
                                    </h2>
                                    <div class="tabs traffic-tab">
                                        <div class="tabs-bar-container1">
                                            <div class="tabs-bar" style="top: 0px;">
                                                <div class="tabs-bar-wrapper" style="transform: translateX(0px);">
                                                    <span class="tabs-bar-content tabs-bar-content-traffic is-actived">
                                                        ${detail.startPlaceName}出发</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tabs-content">
                                            ${(traffic)!"数据库没有内容哦亲"}
                                        </div>
                                    </div>
                                </section>
                                <#--费用说明-->
                                <section class="part"><a id="target_expenses" class="nav-anchor" name="expenses"></a>
                                    <h2 class="part-header f-w-n">
                                        费用说明
                                    </h2>
                                    <div class="expenses">
                                        ${(expenses)!"数据库没有内容哦亲, 大飞正在赶制"}
                                    </div>
                                </section>
                                <#--购买须知-->
                                <section class="part"><a id="target_purchase" class="nav-anchor" name="purchase"></a>
                                    <h2 class="part-header f-w-n">
                                        购买须知
                                    </h2>
                                    <div class="purchase">
                                        ${(purchase)!"数据库没有内容哦亲爱的"}
                                    </div>
                                </section>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <#--用户点评-->
        <div class="main-detail">
            <a id="target_review" class="nav-anchor" name="comment"></a>
            <div data-pagelet id="pagelet-block-df8d252bea90b1d7f8107093a96ea646" class="wrapper-review"
                 data-api="apps:sales_ugc:comment:Pagelet_PCSalesDetailModule"
                 data-params="" data-controller="" data-stat-display="8">
                <div class="m-panel m-reviews" data-stat-display="8">
                    <div class="m-hd"><h2>用户点评</h2></div>
                    <div class="m-bd">
                        <div class="bar">
                            <div class="sub-stars">
                                <div class="item">
                                    <div class="name">行程安排</div>
                                    <div class="bar"><i style="width: 100%;"></i></div>
                                    <div class="score">${(commentVo.schedulScore)!}</div>
                                </div>
                                <div class="item">
                                    <div class="name">餐饮住宿</div>
                                    <div class="bar"><i style="width: 100%;"></i></div>
                                    <div class="score">${(commentVo.accommodationScore)!}</div>
                                </div>
                                <div class="item">
                                    <div class="name">司导服务</div>
                                    <div class="bar"><i style="width: 100%;"></i></div>
                                    <div class="score">${(commentVo.guideScore)!}</div>
                                </div>
                                <div class="item">
                                    <div class="name">客服服务</div>
                                    <div class="bar"><i style="width: 100%;"></i></div>
                                    <div class="score">${(commentVo.serviceScore)!}</div>
                                </div>
                            </div>
                            <div class="tags">
                                <div class="box">
                                    <#if commentVo??>
                                    <#list commentVo.tags as tag>
                                    <span>${tag}</span>
                                    </#list>
                                    </#if>
                                </div>
                            </div>
                            <span class="ssi"><em>${(commentVo.avgScore)!}.0分&nbsp;超棒</em></span>
                            <ul class="tab clearfix">
                                <li class="on"><a href="javascript:void(0);" data-star="0">全部

                                    </a></li>
                                <li><a href="javascript:void(0);" data-star="4+">推荐
                                        <span>(${(commentVo.commendNum)!})</span>
                                    </a></li>
                                <li><a href="javascript:void(0);" data-star="3">一般
                                        <span>(${(commentVo.commonNum)!})</span>
                                    </a></li>
                                <li><a href="javascript:void(0);" data-star="2-">不推荐
                                        <span>(${(commentVo.unCommendNum)!})</span>
                                    </a></li>
                                <li><a href="javascript:void(0);" data-has-img="1">有图
                                        <span>(${(commentVo.hasImageNum)!})</span>
                                    </a></li>
                            </ul>
                        </div>
                        <div class="empty-msg" style="display: none;">暂无点评</div>
                        <#--评论内容-->
                        <div class="rev-list" >


                            <#list comments as comment>
                                <li class="rev-item">
                                    <div class="user">
                                        <span class="avatar">
                                            <img src="${comment.headImgUrl}"></span><span>${comment.userName}</span>
                                    </div>
                                    <div class="rev-star"><span class="star star5"></span></div>
                                    <span class="icon-goldComment"></span>
                                    <p class="txt">${comment.commentContent}</p>
                                    <div class="img clearfix">
                                        <#if comment.imgs??>
                                            <#list comment.imgs as img>
                                                <a href="javascript:void(0);">
                                                    <img src="${img}" width="80" height="80">
                                                </a>
                                            </#list>
                                        </#if>
                                    </div>
                                    <span class="time">${comment.commentTime?string("yyyy-MM-dd HH:mm:ss")}</span>
                                    <#-- 评论回复 -->
                                    <#if comment.shopReply??>
                                        <div class="reply">
                                            <div class="text">
                                                <strong>商家回复: </strong>${comment.shopReply}
                                            </div>
                                            <div class="img clearfix">
                                            </div>
                                        </div>
                                    </#if>
                                    <#-- 评论回复 end -->
                                </li>
                            </#list>
                        </div>

                        <div align="right" class="paginator" id="review_page_box"
                             data-stat-area="5_1">
                        </div>
                    </div>
                </div>

            </div>
        </div>
        <div id="selfRecommend"></div>
        <#-- 相关推荐 begin-->

        <#-- 相关推荐 end-->


        <div class="layer_mask _j_mask hide"
             style="position: fixed; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.7; z-index: 400;
                 background: rgb(0, 0, 0);"></div>
    </div>
    <#-- 微信分享 -->
    <div style="width: 420px;" id="popup_container2" class="popup-box hide">
        <a class="close-btn" href="javascript:void(0);"><i></i></a>
        <div class="pop-ico"></div>
        <div id="wx" class="pop-ctn">
            <p class="hd"></p>
            <div class="wx-mfw-pop">
                <p>使用微信“扫一扫”</p>
                <p>打开网页后点击右上角“分享按钮”</p>
                <p>
                    <img width="150" height="150"
                         src="https://p2-q.mafengwo.net/s13/M00/CE/1B/wKgEaVzGpBmAeoVpAAACTdtTlbU776.png?imageMogr2%2Fthumbnail%2F%21150x150r%2Fquality%2F90">
                </p></div>
            <p></p>
        </div>
    </div>

    <#-- 酒店地图 -->
    <div id="pnl_mappop" class="map_pop">
        <div id="hotel_map_box" style="width:100%;height:100%"></div>
        <a href="javascript:" rel="nofollow" id="btn_close_map">关闭</a>
    </div>


</div>

<script id="sales_pagination" type="text/html">
    <#--<span class="count">共${(pageTotal)!}页 / ${(total)!}条</span>-->
    {{if pageTotal > 1}}
    {{if currPage > 1}}
    <a class="pg-prev _j_pageitem" href="javascript:;" data-page="${(currPage - 1)!}" rel="nofollow">&lt;&lt;
        上一页</a>
    {{/if}}
    {{each(i, index) indexers}}
    {{if index == currPage}}
    <span class="pg-current">${(index)!}</span>
    {{else}}
    <a class="pi _j_pageitem" href="javascript:void(0);" data-page="${(index)!}"
       rel="nofollow">${(index)!}</a>
    {{/if}}
    {{/each}}
    {{if currPage < pageTotal}}
    <a class="pg-next _j_pageitem" href="javascript:;" data-page="${(currPage + 1)!}" rel="nofollow">下一页
        &gt;&gt;</a>
    {{/if}}
    {{/if}}
</script>


<#--<script>
    M.closure(function (require) {
        var SalesDetail = require('/js/sales/detail');
        var detail = new SalesDetail({
            sales: {
                'id': 2697190,
                'spu_id': 5662800,
                'is_sku_connect': 1,
                'name': '昆明大理丽江6日轻奢游（一价全含+赠送拉市海骑马+豪华温泉酒店+敞篷吉普环洱海+VIP私人游船+网红拍照打卡+玉龙雪山大索道+丽水金沙表演）',
                'img': 'https://b3-q.mafengwo.net/s14/M00/11/8C/wKgE2l0TSpOAddpFAAOGkfi4rUI77.jpeg?imageMogr2%2Fthumbnail%2F%21450x300r%2Fgravity%2FCenter%2Fcrop%2F%21450x300%2Fquality%2F100',
                'scope': 'sales',
                'type': '30'
            },
            allow_show_review: true,
            gift_code: '',
            stock_version: 1
        });
        detail.init();
        window.detailPage = detail;
    });
</script>-->
<link href="https://css.mafengwo.net/css/mfw-footer.css?1558532347" rel="stylesheet" type="text/css"/>

<#--尾巴-->
<#include "../common/footer.ftl">

<style>
    #banner-con-gloable {
        display: block;
        position: fixed;
        bottom: 0;
        left: -100%;
        z-index: 110;
        width: 100%;
        height: 179px;
        overflow-x: hidden;
    }

    #banner-con-gloable .banner-btn-con {
        width: 100%;
        height: 162px;
        background: rgba(30, 15, 8, 0.95);
        position: absolute;
        bottom: 0;
    }

    #banner-con-gloable .banner-btn-con .close-btn {
        position: absolute;
        right: 35px;
        top: 24px;
        z-index: 120;
        height: 24px;
        width: 24px;
        cursor: pointer;
    }

    #banner-con-gloable .banner-image-con {
        position: absolute;
        right: 50%;
        bottom: 0;
        width: 1000px;
        margin-right: -500px;
    }

    #float-pannel-gloable {
        padding-left: 28px;
        padding-bottom: 20px;
        display: block;
        position: fixed;
        bottom: 0;
        z-index: 110;
        left: -230px;
    }

    #float-pannel-gloable .float-btn {
        width: 24 pxpx;
        height: 24px;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 100;
    }

    #closed {
        height: 24px;
        width: 24px;
        vertical-algin: top;
        border: none;
        cursor: pointer;
    }

    .ui-selProp li {
        float: left;
        display: inline;
        margin: 10px 10px 0 0;
        min-height: 28px;
        font-size: 14px;
        color: #333;
        position: relative;
    }

    .honey-hover .s_popup {
        width: 300px;
        text-align: center;
        left: -100px;
        bottom: -60px;
        color: #000;
        display: none;
    }
</style>

<div id="float-pannel-gloable">
    <img class="float-image"
         src="https://p4-q.mafengwo.net/s14/M00/BB/8C/wKgE2l0r2W-ALHaeAACAt6lqXyA464.png"
         style="width:178px;">
    <div class="float-btn">
        <img id="closed" src="https://n4-q.mafengwo.net/s13/M00/46/AC/wKgEaVy2xHeAZJhRAAADGY-wozY871.png">
    </div>
</div>


<script>
    $(function () {

        var flag_page = location.href.match(/^(https|http):\/\/www\.mafengwo\.cn\/?$/g) ||
            location.href.match(/^(https|http):\/\/www\.mafengwo\.cn(\/\?\S*)/g) ||
            location.href.match(/(cn\/gonglve|cn\/yj\/|cn\/i\/|cn\/jd\/|cn\/xc\/|cn\/schedule\/|cn\/baike\/|cn\/poi\/|mdd|travel-scenic-spot)/g)

        if (!!flag_page && getCookie('ad_hide') != '1' && getCookie('ad_close_num') < 2) {
            handleBannerShow();
        }
    });

    // 浮标关闭按钮点击
    $("#float-pannel-gloable .float-btn").click(function () {
        $("#float-pannel-gloable").animate({left: -230,}, 800, 'swing');
        add_cookie('ad_hide', '1', 1);
        if (!getCookie('ad_close_num')) {
            add_cookie('ad_close_num', 1, 9999)
        } else if (!!getCookie('ad_close_num')) {
            add_cookie('ad_close_num', getCookie('ad_close_num') * 1 + 1, 9999)
        }
    });

    function add_cookie(name, value, n) {
        var exp = new Date();
        exp.setTime(exp.getTime() + 24 * 60 * 1000 * 60 * n);
        document.cookie = name + '=' + value + ';expires=' + exp.toGMTString() + ';path=/';
    }

    function getCookie(cname) {
        var name = cname + "=";
        var ca = document.cookie.split(';');

        for (var i = 0; i < ca.length; i++) {
            var c = ca[i];
            while (c.charAt(0) == ' ') c = c.substring(1);
            if (c.indexOf(name) != -1) return c.substring(name.length, c.length);
        }

        return "";
    }

    function delCookie(name) {
        var exp = new Date();
        exp.setTime(exp.getTime() - 1);
        var cval = getCookie(name);
        if (cval != null)
            document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString();
    }

    function handleBannerShow() {
        $("#float-pannel-gloable").animate({left: 0,}, 500, 'swing');
    }

</script>


<link href="https://css.mafengwo.net/css/mfw-toolbar.css?1537192876" rel="stylesheet" type="text/css"/>

<div class="mfw-toolbar" id="_j_mfwtoolbar">
    <div class="toolbar-item-top">
        <a role="button" class="btn _j_gotop">
            <i class="icon_top"></i>
            <em>返回顶部</em>
        </a>
    </div>
    <div class="toolbar-item-feedback">
        <a role="button" data-japp="feedback" class="btn">
            <i class="icon_feedback"></i>
            <em>意见反馈</em>
        </a>
    </div>
    <div class="toolbar-item-code">
        <a role="button" class="btn">
            <i class="icon_code"></i>
        </a>
        <a role="button" class="mfw-code _j_code">


            <img src="https://p1-q.mafengwo.net/s1/M00/6C/51/wKgIC1t_6TuASybrAADGUPUHjr021.jpeg?imageMogr2%2Fthumbnail%2F%21450x192r%2Fgravity%2FCenter%2Fcrop%2F%21450x192%2Fquality%2F90"
                 width="450" height="192">
        </a>
        <#--<div class="wx-official-pop"><img src="http://images.mafengwo.net/images/qrcode-weixin.gif"><i class="_j_closeqrcode"></i></div>-->
    </div>
    <div class="toolbar-item-down">
        <a role="button" class="btn _j_gobottom">
            <i class="icon_down"></i>
            <em>页面底部</em>
        </a>
    </div>
</div>


<script language="javascript" type="text/javascript">
    if (typeof M !== "undefined" && typeof M.loadResource === "function") {
        M.loadResource("https://js.mafengwo.net/js/cv/js+Dropdown:js+pageletcommon+pageHeadUserInfoWWWNormal:js+jquery.tmpl:js+M+module+InputListener:js+M+module+SuggestionXHR:js+M+module+DropList:js+M+module+Suggestion:js+M+module+MesSearchEvent:js+SiteSearch:js+AHeader:js+localdeals+rest:js+sales+navbar:js+sales+stock:js+sales+sidebar:js+sales+map:js+sales+slider:js+m.sns.share:js+sales+share:js+sales+favorite:js+M+module+dialog+Layer:js+M+module+dialog+DialogBase:js+M+module+dialog+Dialog:js+sales+review:js+sales+countdown:js+sales+stock+Process:js+sales+detail+Object:js+sales+detail+stock+Price:js+sales+detail+stock+SoldNode:js+sales+detail+stock+CalendarDate:js+sales+detail+stock+CalendarMonth:js+sales+detail+stock+Calendar:js+sales+detail+stock+Sku:js+sales+detail+stock+NumBox:js+sales+detail:js+M+module+PageAdmin:js+M+module+Storage:js+M+module+Cookie:js+M+module+ResourceKeeper:js+jquery.jgrowl.min:js+AMessage:js+M+module+dialog+alert:js+M+module+FrequencyVerifyControl:js+M+module+FrequencySystemVerify:js+ALogin:js+M+module+ScrollObserver:js+M+module+QRCode:js+AToolbar:js+ACnzzGaLog:js+ARecruit:js+ALazyLoad^YlVURQ^1561616124.js");
    }
</script>

</body>
</html>
